<template>
<footer class="footer" v-html="footer.resContent">
</footer>
</template>

<script>
import api from "@/global/api";
export default {
  data() {
    return {
			footer:'',
    }
  },	
  mounted() {
		this.getData();	
	},
  methods: {
		async getData(){
			await this.$store.dispatch("getFooter");
			this.footer = this.$store.state.footer;		
		},		
	},		
}
</script>

<style scoped>
.footer{ height:125px; background:#333333; color:#666; text-align:center;}
.footer >>> a{ color:rgba(204,204,204,1); margin:0 5px;}
.footer >>> a:hover{ text-decoration:underline; color:#fff;}
.footer >>> p{ line-height:2; font-size:14px;}
.footer >>> p.t{padding-top:40px}
.footer >>> p.b{color:rgba(204,204,204,1);}
</style>
